<template>
  <div>
    <icon :style="{ color: 'hotpink' }">
      <template #component>
        <svg
          t="1729090410345"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="25426"
          width="18"
          height="18"
        >
          <path
            d="M512 512a213.333333 213.333333 0 1 0 0-426.666667 213.333333 213.333333 0 0 0 0 426.666667z m0-341.333333a128 128 0 1 1 0 256 128 128 0 0 1 0-256z"
            fill="#F5B017"
            p-id="25427"
          ></path>
          <path
            d="M642.773333 574.762667c22.485333 9.301333 40.277333 20.053333 53.333334 32.341333l58.453333-62.208c-20.693333-19.413333-47.104-35.754667-79.232-49.024-47.701333-19.669333-102.144-29.525333-163.328-29.525333a380.373333 380.373333 0 0 0-130.816 22.698666 345.301333 345.301333 0 0 0-108.16 62.72 298.24 298.24 0 0 0-74.496 94.976A265.258667 265.258667 0 0 0 170.666667 765.44c0 37.333333 11.136 67.114667 33.450666 89.301333 18.773333 18.688 44.373333 30.506667 76.885334 35.413334 22.528 3.456 49.792 3.669333 81.792 0.64 17.749333-1.706667 43.776-5.248 78.08-10.794667 36.181333-5.845333 59.904-8.746667 71.125333-8.746667h64v-85.333333H512c-10.88 0-24.490667 1.066667-40.746667 3.157333-9.216 1.237333-23.893333 3.413333-43.946666 6.656-32.426667 5.248-56.618667 8.618667-72.533334 10.112-25.002667 2.346667-45.312 2.346667-60.928 0-14.08-2.133333-23.936-6.016-29.525333-11.562666-5.546667-5.546667-8.32-15.146667-8.32-28.842667 0-28.16 6.357333-55.168 19.072-80.981333a213.845333 213.845333 0 0 1 53.546667-67.968 260.693333 260.693333 0 0 1 81.706666-47.232A295.68 295.68 0 0 1 512 551.68c49.92 0 93.482667 7.68 130.773333 23.082667z"
            fill="#F5B017"
            p-id="25428"
          ></path>
          <path
            d="M640 704a42.666667 42.666667 0 0 0 42.666667 42.666667h170.666666a42.666667 42.666667 0 1 0 0-85.333334h-170.666666a42.666667 42.666667 0 0 0-42.666667 42.666667z m0 149.333333a42.666667 42.666667 0 0 0 42.666667 42.666667h170.666666a42.666667 42.666667 0 1 0 0-85.333333h-170.666666a42.666667 42.666667 0 0 0-42.666667 42.666666z"
            fill="#F5B017"
            p-id="25429"
          ></path>
          <path
            d="M810.666667 362.666667a192 192 0 1 1-384 0 192 192 0 0 1 384 0z"
            fill="#F5B017"
            fill-opacity=".5"
            p-id="25430"
          ></path>
        </svg>
      </template>
    </icon>
  </div>
</template>

<script setup lang="ts">
import Icon from '@ant-design/icons-vue'
</script>

<style lang="less" scoped>
.custom-icons-list :deep(.anticon) {
  margin-right: 6px;
}
</style>
